<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1 ,maximum-scale=1, user-scalable=no">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<title>关于</title>
		<!-- Bootstrap -->
		<link href="bootcss/bootstrap.min.css" rel="stylesheet">
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="js/jquery-1.11.3.min.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="js/bootstrap.js"></script>
		<link rel="stylesheet" type="text/css" href="css/about.css">
		<link rel="stylesheet" type="text/css" href="css/pack.css" />
		<!--[if IE]>
		<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
	<![endif]-->

	</head>

	<body>
		<!----------------------------------在手机端的logo----------------------------------------------->
		<img id="mobilelogo" src="image/home_nav_logo@3x.png" class="visible-xs" />
		<!----------------------------------搜索部分----------------------------------------------------->
		<div class="search">
			<div class="container">
				<div class="row">
					<span class="col-md-2 col-xs-12 col-sm-2">热门搜索</span>
					<a class="col-md-2 col-xs-6 col-sm-2" href="#">三正辛胺 (TOA)</a>
					<a class="col-md-2 col-xs-6 col-sm-2" href="#">磷酸二异辛酯 (P204)</a>
					<a class="col-md-2 col-xs-6 col-sm-2" href="#">磷酸三丁酯 (TBP)</a>
					<a class="col-md-2 col-xs-6 col-sm-2" href="#" class="DelaMrgin">铜萃取剂 (CP-150)</a>
					<div class="form col-md-2 col-xs-12 col-sm-12"style="display: none;">
						<input type="text" class="search1">
						<input type="image" src="image/home_top_searchImg@3x.png" alt="Submit" class="search2" />
					</div>
				</div>
			</div>
		</div>
		<!----------------------------------pc端LOGO导航----------------------------------------------------->
		<div class="header  hidden-xs">
			<div class="container">
				<div class="row">
					<div class="logo col-md-5 col-sm-5">
						<!--logo部分-->
						<img src="image/home_nav_logo@3x.png" class="hidden-xs" />
					</div>
					<!--概览-->
					<div class="col-md-1  col-md-offset-1 col-sm-1  col-sm-offset-1">
						<a href="index.html">首页</a>
					</div>
					<div class="col-md-1 col-sm-1">
						<a href="about.html" id="XHX">关于东鸿</a>
					</div>
					<div class="col-md-1 col-sm-1">
						<a href="product.html">产品中心</a>
					</div>
					<div class="col-md-1 col-sm-1">
						<a href="message.html">新闻资讯</a>
					</div>
					<div class="col-md-1 col-sm-1">
						<a href="about.html">资质荣誉</a>
					</div>
					<div class="col-md-1 col-sm-1">
						<a href="contact.html">联系我们</a>
					</div>

				</div>
			</div>
		</div>
		<!---------------------------------------移动端导航----------------------------------------------->
		<ul class="mobileheader nav nav-tabs visible-xs">
			<li role="presentation">
				<a href="index.html">首页</a>
			</li>
			<li role="presentation" class="active">
				<a href="about.html">关于东鸿</a>
			</li>
			<li role="presentation">
				<a href="product.html">产品中心</a>
			</li>
			<li role="presentation">
				<a href="message.html">新闻资讯</a>
			</li>
			<li role="presentation">
				<a href="about.html">资质荣誉</a>
			</li>
			<li role="presentation">
				<a href="contact.html">联系我们</a>
			</li>
		</ul>
		<!---------------------------------------主体----------------------------------------------->
		<div class="container">
			<div class="row tabs">
				<div class="tabs-vertical col-md-3 col-sm-3 col-xs-12">
					<ul>
						<!--pc端标题插图-->
						<img src="image/about_lg@3x.png" class="hidden-xs" />
						<!--手机端标题-->
						<span class="glyphicon glyphicon-th-large visible-xs" aria-hidden="true">关于我们>></span>
						<li>
							<a data-index="0" href="#">公司简介</a>
						</li>
						<li>
							<a data-index="1" href="#">企业文化</a>
						</li>
						<li>
							<a class="tab-active" data-index="2" href="#">资质荣誉</a>
						</li>
						<li>
							<a data-index="3" href="#">企业风采</a>
						</li>
					</ul>
				</div>
				<div class="tabs-content col-md-9 col-sm-9 col-xs-12">
					<div>
						<span class="tabs-content-title">公司简介</span>
						<p><img src="image/about_img01@2x.png" />公司简介内容</p>
					</div>

					<div>
						<span class="tabs-content-title">企业文化</span>
						<p>企业文化内容</p>
					</div>

					<div class="tab-content-active">
						<span class="tabs-content-title">资质荣誉</span>
						<p class="tabs-content-img"><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/><img src="image/about_img02@2x.png"/></p>
					</div>
					<div>
						<span class="tabs-content-title">企业风采</span>
						<p class="tabs-content-img"><img src="image/about_img03.png"/><img src="image/about_img03.png"/><img src="image/about_img03.png"/><img src="image/about_img03.png"/><img src="image/about_img03.png"/><img src="image/about_img03.png"/><img src="image/about_img03.png"/><img src="image/about_img03.png"/><img src="image/about_img03.png"/></p>
					</div>
				</div>
			</div>
		</div>
		<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
		<script src="myjs/about.js" type="text/javascript"></script>

		<!---------------------------------------------footer--------------------------------------->
		<div class="footer">
			<div class=" container">
				<div class="footer-top row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<a href="#">网站首页</a>
						<a href="#">公司简介</a>
						<a href="#">产品中心</a>
						<a href="#">新闻动态</a>
						<a href="#">企业文化</a>
						<a href="#">企业荣誉</a>
						<a href="#">企业风采</a>
						<a href="#" class="cleaborder">联系我们</a>
					</div>
				</div>
			</div>
			<div class="footer-down">
				<p>英德市东鸿化工科技有限公司&nbsp;&nbsp;&nbsp;版权所有(C)2019&nbsp;&nbsp;&nbsp;网络支持&nbsp;&nbsp;中国化工网&nbsp;&nbsp;全球化公网&nbsp;&nbsp;生意宝&nbsp;&nbsp;著作权声明&nbsp;&nbsp;网站管理&nbsp;&nbsp;大宗品&nbsp;&nbsp;企业邮局</p>
				<p>粤ICP备00000000号</p>
			</div>
		</div>
	</body>

</html>